<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--bootstrap插件-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="/static/plugin/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/static/plugin/jo/joUI.css" rel="stylesheet"/>
    <!--字体插件-->
    <link href="/static/plugin/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/static/plugin/layui-2.4.3/css/layui.css" rel="stylesheet"/>
    <!--ztree-->
    <link href="/static/plugin/zTree/css/metroStyle/metroStyle.css" rel="stylesheet"/>
    <!--common-->
    <link href="/static/css/common.css" rel="stylesheet"/>

    <title>空白模板</title>
</head>
<body>

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12 col-lg-12 col-md-12 col-sm-12">
            <br/>
            <br/>
            <form id="pageForm" name="pageForm" action="" method="post">
                <h3 class="h3">单行样式:</h3>
                <div class="young-form-item">
                    <div class="young-form-label">单行输入框</div>
                    <div class="young-form-input-block">
                        <input type="text"  name="className" class="form-control " ErrEmpty="实体类名不允许为空" />
                    </div>
                </div>
                <h3 class="h3">单行样式(附加提示信息):</h3>
                <div class="young-form-item">
                    <div class="young-form-label">单行输入框</div>
                    <div class="young-form-input-block">
                        <input type="text"  name="className" class="form-control " ErrEmpty="实体类名不允许为空" />
                        <div class="bottom-tips">此处是提示信息</div>
                    </div>
                </div>
                <h3 class="h3">内联样式:</h3>
                <div class="young-form-item inline-x">
                    <div class="young-form-label">内联输入</div>
                    <div class="young-form-input-block">
                        <input type="text" id="time"  name="className" class="form-control " ErrEmpty="实体类名不允许为空" />
                    </div>
                </div>

                <div class="young-form-item inline-x">
                    <div class="young-form-label"><span class="font-red">*</span>内联输入</div>
                    <div class="young-form-input-block">
                        <select  name="className" class="form-control " >
                            <option>111</option>
                        </select>
                    </div>
                </div>
                <h3 class="h3">内联样式(2x):</h3>
                <div class="young-form-item inline-2x">
                    <div class="young-form-label">内联输入2x</div>
                    <div class="young-form-input-block">
                        <input type="text"  name="className" class="form-control " ErrEmpty="实体类名不允许为空" />
                    </div>
                </div>
                <div class="young-form-item inline-2x">
                    <div class="young-form-label">内联输入2x</div>
                    <div class="young-form-input-block">
                        <input type="text"  name="className" class="form-control " ErrEmpty="实体类名不允许为空" />
                    </div>
                </div>
                <h3 class="h3">整体:</h3>
                <div class="young-form-item col-xs-12">
                    <div class="young-form-label">单行输入框</div>
                    <div class="young-form-tips"><span class="fa fa-info-circle"></span></div>
                    <div class="young-form-input-block">
                        <input type="text"  name="className" class="form-control " ErrEmpty="实体类名不允许为空" />
                    </div>
                </div>
                <div class="young-form-item col-xs-6">
                    <div class="young-form-label">单行输入框</div>
                    <div class="young-form-tips"><span class="fa fa-info-circle"></span></div>
                    <div class="young-form-input-block">
                        <input type="text"  name="className" class="form-control " ErrEmpty="实体类名不允许为空" />
                    </div>
                </div>
                <div class="young-form-item col-xs-6">
                    <div class="young-form-label">单行输入框</div>
                    <div class="young-form-tips"><span class="fa fa-info-circle"></span></div>
                    <div class="young-form-input-block">
                        <input type="text"  name="className" class="form-control " ErrEmpty="实体类名不允许为空" />
                    </div>
                </div>
                <div class="young-form-item col-xs-12 col-sm-6 col-lg-4">
                    <div class="young-form-label">单行输入框</div>
                    <div class="young-form-tips"><span class="fa fa-info-circle"></span></div>
                    <div class="young-form-input-block">
                        <input type="text"  name="className" class="form-control " ErrEmpty="实体类名不允许为空" />
                    </div>
                </div>
                <div class="young-form-item col-xs-12 col-sm-6 col-lg-4">
                    <div class="young-form-label">单行输入框</div>
                    <div class="young-form-tips"><span class="fa fa-info-circle"></span></div>
                    <div class="young-form-input-block">
                        <input type="text"  name="className" class="form-control " ErrEmpty="实体类名不允许为空" />
                    </div>
                </div>
                <div class="young-form-item col-xs-12 col-sm-6 col-lg-4">
                    <div class="young-form-label">单行输入框</div>
                    <div class="young-form-tips"><span class="fa fa-info-circle"></span></div>
                    <div class="young-form-input-block">
                        <input type="text"  name="className" class="form-control " ErrEmpty="实体类名不允许为空" />
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<!--配置信息-->
<script src="/static/js/config.js"></script>
<!--jquery-->
<script src="/static/plugin/jquery/jquery-3.3.1.js"></script>
<script src="/static/plugin/jquery/jquery.cookie.js"></script>
<!--bootstrap-->
<script src="/static/plugin/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="/static/plugin/other/html5shiv.js"></script>
<script src="/static/plugin/other/respond.min.js"></script>
<![endif]-->
<!--layui-->
<script src="/static/plugin/layui-2.4.3/layui.all.js"></script>
<!--ztree-->
<script src="/static/plugin/zTree/js/jquery.ztree.all.js"></script>
<!--jo-->
<script src="/static/plugin/jo/jo.js"></script>
<script src="/static/plugin/jo/jo-adapt.js"></script>
<script src="/static/plugin/jo/jo-page-view.js"></script>
<script src="/static/plugin/jo/jo-page-form.js"></script>
<script src="/static/plugin/jo/jo-listener.js"></script>
<!--common-->
<script src="/static/js/common.js"></script>
<script type="text/javascript">
    layui.laydate.render({
        elem:'#time'
    });
</script>

</body>
</html>
